<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" 	prefix="s"%>
<%@ include file="/jsp/common/common_head.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
<title>示界港管理平台</title>
<%@ include file="/jsp/common/common_script.jsp"%>
<style type="text/css">
</style>
<script type="text/javascript">
 var g_userId = '<%=session.getAttribute("userId")%>';
</script>
</head>
<body>
<table class="queryTable" >
	<tr>
		<td class="queryTitle" width="80px">会员ID</td>
		<td class="queryContent">
			<input class="inputText" type="text" style="width:120px" id="vipId" />
		</td>
		<td class="queryTitle" width="68px">会员昵称</td>
		<td class="queryContent">
			<input class="inputText" type="text" style="width:120px;" id="vipName"/>
		</td>
		<td class="queryTitle" width="80px">手机号</td>
		<td class="queryContent">
			<input class="inputText" type="text" style="width:120px;" id="mobile"/>
		</td>
		<td class="queryTitle" rowspan="2">
			<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="doQuery1(1)">查询</a>
		</td>
	</tr>
	<tr>
		
		<td class="queryTitle" width="68px">起始日期</td>
		<td class="queryContent">
			<input id="queryDateStart" class="easyui-datebox" style="width:120px">
		</td>
		<td class="queryTitle" width="68px">截止日期</td>
		<td class="queryContent">
			<input id="queryDateEnd" class="easyui-datebox" style="width:120px">
		</td>
		<td class="queryTitle" width="68px">会员状态</td>
		<td class="queryContent">
			<select id="queryState" name="queryState" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px" >
				<option value="" selected>[不限]</option>
				<option value="10">充足会员</option>
				<option value="20">即将到期</option>
				<option value="30">已过期</option>
			</select>
		</td>
	</tr>
</table>

<table id="memberInfo"></table>

<div id="editDlg" class="easyui-window" title="" closed="true" style="width:800px; height:400px;text-align:center; background: #fff;">
	<div border="false" style="padding-left:10px;padding-right:10px;">
		<form id="editForm"  method="POST">
			<s:hidden name="mberId" id="mberId"/>
			<table border="0" class="queryTable" width="95%" height="auto" style="margin-bottom:0px;" id="editTable">
				<tr>
					<td class="queryTitle" width="80px"><span style="color:red">VIP会员</span></td>
					<td class="queryContent" colspan="4">
						<select id="editTypeM" name="editTypeM" class="easyui-combobox" panelHeight="auto" editable="false" style="width: 120px" >
						</select>
					</td>
				</tr>
				<tr>	
					<td class="queryTitle" width="100px"><span style="color:blue;">用户ID</span></td>
					<td class="queryContent" colspan="2">
						<input class="easyui-textbox" id="eUserId" style="width:100px;">
					</td>
					<td class="queryContent" colspan="3">
						<a class="easyui-linkbutton" id="chUserBtn" iconCls="icon-add" href="javascript:void(0)" onclick="showUserInfo()">选择用户</a>
					</td>
				</tr>
				<tr>	
					<td class="queryTitle width="68px"><span style="color:red">有效日期</span></td>
					<td class="queryContent" colspan="2">
						<input class="easyui-datetimebox" id="expiryDate" data-options="required:true,showSeconds:true" style="width:180px">
					</td>
					<td class="queryTitle width="68px"><span style="color:red">上次有效日期</span></td>
					<td class="queryContent" colspan="2">
						<input class="easyui-textbox" id="lastExpiryTime" data-options="required:true,showSeconds:true" style="width:180px">
					</td>
				</tr>
				<tr>	
					<td class="queryTitle" width="40px">会员描述</td>
					<td class="queryContent" colspan="5" height="150px">
						<textarea id="editDesc" name="editDesc" rows="4" cols="55" class="inputText easyui-validatebox" style="width:100%;height:100px;resize:none;" data-options="required:true,validType:['maxLength[200]']"></textarea>
					</td>
				</tr>
			</table>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="editBtn">
		<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="doEdit()">确定</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelEdit()">取消</a>
    </div>
</div>

<div id="userInfoDlg" class="easyui-window" title="" closed="true" style="width:1000px;height:500px;text-align:center; background: #fff;">
		<form id="userForm"  method="POST">
			<s:hidden name="suserId" id="suserId"/>
			<table class="queryTable" >
				<tr>
					<td class="queryTitle" width="80px">手机号</td>
					<td class="queryContent">
						<input class="inputText" type="text" style="width:120px;" id="queryMobile"/>
					</td>
					<td class="queryTitle" width="68px">用户昵称</td>
					<td class="queryContent">
						<input class="inputText" type="text" style="width:120px;" id="queryName"/>
					</td>
					<td class="queryTitle" width="80px">用户ID</td>
					<td class="queryContent">
						<input class="inputText" type="text" style="width:120px" id="queryId" />
					</td>
					<td class="queryTitle" height="20px">
						<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="doQuery(1)">查询</a>
					</td>
				</tr>
				<tr>
				</tr>
			</table>
			<div style="width:960px;height:350px;">
				<table id="userInfoGrid"></table>
			</div>
		</form>
		<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="userBtn">
			<a class="easyui-linkbutton" iconCls="icon-ok" href="javascript:void(0)" onclick="chkUser()">确认</a>
			<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelUser()">取消</a>
		</div>
</div>

<script type="text/javascript" src="${ctx}/js/tg/uploadcom.js"></script>
<script type="text/javascript" src="${ctx}/js/tg/ajaxupload.js"></script>
<script type="text/javascript" src="${ctx}/js/itb/memberInfo.js"></script>
<script type="text/javascript" src="${ctx}/js/encrypt/encrypted-min.js"></script>
</body>
</html>
